<!--<!DOCTYPE html>-->
<!--<html>-->
<!--<head>-->
<!--  <title>Register</title>-->
<!--  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">-->
<!--</head>-->
<!--<body>-->
<!--<div class="container">-->
<!--  <div class="row">-->
<!--    <div class="col-md-6 offset-md-3">-->
<!--      <h1 class="text-center mb-3">Register</h1>-->
<!--      <form action="/register" method="post">-->
<!--        <div class="form-group">-->
<!--          <label for="name">name</label>-->
<!--          <input type="text" class="form-control" id="name" name="name" required>-->
<!--          <small class="form-text text-muted">Your username must be unique and at least 4 characters long.</small>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--          <label for="password">Password</label>-->
<!--          <input type="password" class="form-control" id="password" name="password" minlength="6" required>-->
<!--          <small class="form-text text-muted">Your password must be at least 6 characters long.</small>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--          <label for="confirm_password">Confirm Password</label>-->
<!--          <input type="password" class="form-control" id="confirm_password" name="confirmPassword" minlength="6" required>-->
<!--        </div>-->
<!--        <button type="submit" class="btn btn-primary">Register</button>-->
<!--      </form>-->
<!--      <div class="mt-3 text-center">-->
<!--        <a href="/login">Already have an account? Login here.</a>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>Register</title>
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
<div class="container">
  <div class="row">
    <div class="col-md-6 offset-md-3">
      <h1 class="text-center mb-3">Register</h1>
      <form th:action="@{/register}" method="post">
        <div class="form-group">
          <label for="name">Name</label>
          <input type="text" class="form-control" id="name" name="name" required>
          <small class="form-text text-muted">Your username must be unique and at least 4 characters long.</small>
        </div>
        <div class="form-group">
          <label for="password">Password</label>
          <input type="password" class="form-control" id="password" name="password" minlength="6" required>
          <small class="form-text text-muted">Your password must be at least 6 characters long.</small>
        </div>
        <div class="form-group">
          <label for="confirm_password">Confirm Password</label>
          <input type="password" class="form-control" id="confirm_password" name="confirmPassword" minlength="6" required>
        </div>
        <button type="submit" class="btn btn-primary">Register</button>
      </form>
      <div class="mt-3 text-center">
        <a th:href="@{/login}">Already have an account? Login here.</a>
      </div>
    </div>
  </div>
</div>
</body>
</html>